import React from 'react';
import Scroll from 'react-bscroll';
import { Link } from 'react-router-dom'
import 'react-bscroll/lib/react-scroll.css'
import './wallet.css'
import yoPng from '../../assets/images/YO.png'
import staticPng from '../../assets/images/static.png'
import dynamicPng from '../../assets/images/dynamic.png'
import yoPointPng from '../../assets/images/YO_point.png'
import activatePng from '../../assets/images/activate.png'


const Wallet = (props) => {
    return (
        <div className="wallet">
            <div className="wallet_link">
                <Link to="/">我的钱包 ＞</Link>
            </div>
            <Scroll scrollX={true} probeType={3} click={true} scrollbar={true}>
                <div className="wallet_panel">
                    <Link to="/yo">
                        <h5>{props.info ? props.info.bank1 : ''}</h5>
                        <img src={yoPng} alt="YO币" />
                        <button>YO币</button>
                    </Link>
                </div>
                <div className="wallet_panel">
                    <Link to="/">
                        <h5>{props.info ? props.info.bank2 : ''}</h5>
                        <img src={staticPng} alt="静态收益钱包" />
                        <button>静态收益钱包</button>
                    </Link>
                </div>
                <div className="wallet_panel">
                    <Link to="/">
                        <h5>{props.info ? props.info.bank3 : ''}</h5>
                        <img src={dynamicPng} alt="动态收益钱包" />
                        <button>动态收益钱包</button>
                    </Link>
                </div>
                <div className="wallet_panel">
                    <Link to="/">
                        <h5>{props.info ? props.info.bank4 : ''}</h5>
                        <img src={yoPointPng} alt="YO积分钱包" />
                        <button>YO积分钱包</button>
                    </Link>
                </div>
                <div className="wallet_panel">
                    <Link to="/">
                        <h5>{props.info ? props.info.bank5 : ''}</h5>
                        <img src={activatePng} alt="激活码钱包" />
                        <button>激活码钱包</button>
                    </Link>
                </div>
            </Scroll>
        </div>
    );
}

export default Wallet;